<template>
    <!-- 面包屑 -->
    <div class="containerB">
        <el-breadcrumb :separator-icon="ArrowRight">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item v-for="(item, index) in list" :key="index">{{ item }}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script setup lang="ts">
    import { ArrowRight } from '@element-plus/icons-vue'
    import { defineProps } from 'vue'

    const props = defineProps({
        list: {
            type: Array,
            required: true
        }
    })
</script>

<style scoped lang="less">
.containerB{
    padding: 13px 0;
    font-size: 14px;
    line-height: 40px;
}
</style>